<template>
<uni-shadow-root class="partials-tab-commonPage"><template name="commonPage">
    <view class="wrap" v-if="arr.length!=0">
        <scroll-view scroll-x :class="firstDistance&&(firstDistance<=scroll-4)?'tab-h fixed':'tab-h'" id="tab-h" scroll-with-animation="true" :style="'background:'+(data.jsonData.bgColor||"#fff")">
             <view v-for="(type,index) in (data.jsonData.tabs)" :key="type.index" :data-index="index" :data-item="type" @click="swichNav" :id="'tab_'+type.id" class="tab-item" :style="'font-size:'+(currentTab==index?"32rpx":"28rpx")+';color:'+(currentTab==index?data.jsonData.fontHoverColor:data.jsonData.fontColor)+';border-bottom:'+(currentTab==index?"4rpx solid "+data.jsonData.fontHoverColor:data.jsonData.fontColor)+';'">{{type.title}}</view>
        </scroll-view>
    </view>
</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'partials/tab/commonPage'

Component({})

export default global['__wxComponents']['partials/tab/commonPage']
</script>
<style platform="mp-weixin">

</style>